#HTML5 Boilerplate

html5 datalist 选中option选项后的触发事件

使用input+datalist实现自动补全功能,其中datalist中的内容是根据input输入的内容动态变换的,代码如下 <!DOCTYPEHTML><html><body><scriptsrc="./jquery-1.7.2.min.js"type="text/...

HTML5----响应式(自适应)网页设计

现在,很多项目都需要做响应式或者自适应的来适应我们不同屏幕尺寸的手机,电脑等设备,那么就需要我们在页面上下功夫,下面我就来说一下如何做响应式(自适应)的网页设计 1、在网页代码的头部,加入一行viewport元标签  <metaname="viewport"content="width=device-w...

让 VS2010 支持 HTML5 和 CSS3.0

现在的热门话题之一是HTML5和CSS3。好的,它们都很时髦,它们也必然会影响网络开发的未来。让我们尝尝鲜,花点时间安装设置一下,尽快让VisualStudio2010支持HTML5和CSS3吧。首先到微软网站上下载VisualStudio2010SP1 升级包。双击开始执行VS10sp1-KB983509....
代码星球 ·2020-11-21

在Html5中与服务器交互

转自原文在Html5中与服务器交互 刚刚涉足职场,上头就要我研究HTML5,内嵌到手机上,这对我来说完全是一个陌生的领域,不过也正好给自己一个机会来学习,最近做到要跟服务器交互这部分,这部分可是卡了很久,不过最终还是解决了。下面介绍两种方法:ajaxCordovaHttp首先要说明一点,如果是在PC端上进行交...
代码星球 ·2020-11-05

HTML5与后台服务器的数据流动问题

 编辑中,尚未完稿。。。2017.7.141345 很多前端开发出来的HTML5可能对于后台开发者来说,并不是很清楚,也许像我一样一知半解。而且真的让人很糊涂的地方就是前端的JS如何与后端的数据库进行双向通信,交互数据。一种解释认为简单点说,这就是前端技术与后端技术沟通,根据业务定义交互接口,交互接...

使用HTML5拍照

原文连接地址: CameraandVideoControlwithHTML5 演示地址: HTML5拍照演示 翻译日期:2013年8月6日首先,我们看看HTML代码结构,当然,这部分的DOM内容应该是在用户允许使用其摄像头事件出发后,动态加载生成的。注意:我们采用的是640X48...
代码星球 ·2020-10-21

base64和图片的互转(HTML5的File实现)

刚接触到一个内联图片的概念,内联图片即使把图片文件编码成base64看下面代码即是内联问题 可以减少http的请求,缺点是不能跨域缓存!<imgsrc="data:image/jpeg;base64,/9j/4QqsRX..."> 然后在线如何把图片转化成base64 如果只依靠单纯...

jsPlumb开发入门教程(实现html5拖拽连线)

jsPlumb是一个强大的JavaScript连线库,它可以将html中的元素用箭头、曲线、直线等连接起来,适用于开发Web上的图表、建模工具等。它同时支持jQuery+jQueryUI、MooTools和YUI3这三个JavaScript框架,十分强大。大家可以在官网的Demo中看看它的功能。目前可用的jsPlumb...

记录:asp.net mvc 中 使用 jquery 实现html5 实现placeholder 密码框 提示兼容password IE6

@{ViewBag.Title="完美结合";}<script>varG_start_time=newDate;</script><!--[if(ltIE8.0)]><linktype="text/css"rel="stylesheet"href="@Url.Content("...

使用HTML5的History API

  HTML5HistoryAPI提供了一种功能,能让开发人员在不刷新整个页面的情况下修改站点的URL。这个功能很有用,例如通过一段JavaScript代码局部加载页面的内容,你希望通过改变当前页面的URL来反应出页面内容的变化,这时该功能可以派上用场。  举个例子,当用户从首页进入帮助页面时,我们通过Ajax来加载帮...
代码星球 ·2020-09-24

使用 WebSockets 进行 HTML5 视频直播

近在做的一个小项目需要用到相关技术,找到这篇文章貌似不错,于是就翻译转载上来了。RecentlyI'minterestinginthesetechnologiesandI'mworkingonaprojectrelatedtoit.I'vefoundthisusefularticlesoItra...

html5 画布背景图片加载不出来

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>HTML5canvas设置背景图</title><scriptsrc="canvas2image.js"></script...

有关HTML5 Video对象的ontimeupdate事件的问题

  日前在做一个视频播放的页面,其中用到了HTML5的Video对象,这个是HTML5中新增的一个对象,支持多种不同格式的视频在线播放,功能比较强大,而且还扩展了许多事件,可以通过JavaScript脚本来对视频播放进行控制。参考下面两个链接:http://msdn.microsoft.com/en-us/librar...

HTML5 支持RTSP 视频流播放 之 h5stream 系统配置

h5stream的配置基于json,配置分两部分:系统和视频源,今天主要介绍系统配置系统配置主要包含了HTTPserver/RTSPserver/RTMPserver配置的端口,HLS是否开始和HLS的版本(TS或FMP4),连接IPC的具体方式  NameCommentsnHTTPPortHTTP...

使用HTML5开发Kinect体感游戏

https://tgideas.qq.com/webplat/info/news_version3/804/7104/7106/m5723/201612/538908.shtml 一、简介我们要做的是怎样一款游戏?  在前不久成都TGC2016展会上,我们开发了一款《火影忍者手游》的体感游戏,主要模拟手游章节...
首页上一页...89101112...下一页尾页